@charset "utf-8";
/******header**********/
.header { width: 100%; position: fixed; left: 0; top: 0; z-index: 100; border-bottom: 1px solid rgba(255,255,255,0.1); color:#FFF; }
.header a{ color:#FFF;}
.header a:hover{ color:#d0400a;}
.head { height: 5.6vw; }
.header .head .logo{ width:auto;}
.header .head .logo img{ height:3.8vw;}
.header .head .logo .logo1{ display:block;}
.header .head .logo .logo2{ display:none;}
.header .head .logo a:hover{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}

.header .head .lihe16 p{ border-right: 1px solid rgba(255,255,255,0.5);}
.header .head .stmenu { width:auto; cursor: pointer; position: relative; }
.header .head .stmenu .navh, .header .head .stmenu a.xiala:hover{ color:#d0400a;}
.header .head .stmenu .child { display: none; position: absolute; top: 5.6vw; left: -50px; width: 100px; z-index: 90; background: #FFF; }
.header .head .sea { width:auto; cursor: pointer; position: relative;}
.header .head .search { display: none; position: absolute; right: 0; top: 0; z-index: 999; height: 100vh; width: 100%; background: rgba(54,55,56,0.80); }
.header .head .search .satr { width: 600px; overflow: hidden; margin: 0 auto 0 auto; position: relative; padding-top: 15%; }
.header .head .search .satr em { padding:10px; position: absolute; right: 10px; top: 40%; z-index: 10; border:1px #fff solid; cursor:pointer;}
.header .head .search .satr .sousuo1 { width: 520px; height: 60px; line-height: 60px; border: 0; padding-left: 10px; background: #FFF; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.header .head .search .sousuo { width: 60px; height: 60px; background:url(../images/ser_btn_ed.png) no-repeat center #005bd7; border: 0; float: left; }
.header .menu { width: auto; height: 5.6vw; border-right: 1px solid rgba(255,255,255,0.2);}
.header .menu li { width: auto; position: relative; float: left; display: inline; }
.header .menu li a.xialaguang { display: inline-block; width: auto; height: 5.6vw; line-height: 5.6vw; padding:0 1.8vw;}
.header .menu li a.navhover, .header .menu li a.xialaguang:hover { cursor: pointer; color: #FFF; background: #015cd7; }
.header .menu ul.children{ display: none; position: absolute; top: 5.6vw; left:-10%; width: 120%; z-index: 90; }
.header .menu ul.children li { width: 100%; padding: 0px; display: inline-block; border-top: 1px #d2d2d2 solid; margin: 0; position:relative; background: #FFF;}
.header .menu ul.children li a { overflow: hidden; display: block; padding: 10px; border-top: 1px #ccc solid; color: #282828;}
.header .menu ul.children li a:hover, .header .menu ul.children li a.navhover{ color: #FFF; background: #0a50af; }
.header .menu ul.children li ul.children{ top: 0; left: 100%; width: 100%;}

.header.clone{ background:#fff; color:#252525; border-bottom: 1px solid rgba(37,37,37,0.1); box-shadow: 0 5px 15px 0px rgba(0, 64, 152, 0.1);}
.header.clone a{ color:#252525;}
.header.clone .head .lihe16 p{ border-right: 1px solid rgba(37,37,37,0.5);}
.header.clone .menu { border-right: 1px solid rgba(37,37,37,0.2);}
.header.clone .head .logo .logo1{ display:none;}
.header.clone .head .logo .logo2{ display:block;}
/******footer**********/
.footer{ background: #015cd7; color: #fff;}
.footer a{ color: #fff;}
.fov{ margin-right:10%;}
.ewm{ width:8%;}
.dblx{ margin-right:14%;}
/******common**********/
.banner{ position:relative;}
.banner .banry{ width:100%; position: absolute; top:35%; left:0; z-index: 1; color: #FFF; text-shadow: 2px 2px 2px #252525; text-align:center;}
/*一级*/
.sub_bo a, .sub_bo span{ display:block; float:left; margin-right:2.8vw; cursor:pointer;}
.sub_bo a:last-child, .sub_bo span:last-child{ margin-right:0;}
.sub_bo a:hover, .sub_bo a.cur, .sub_bo span:hover, .sub_bo span.cur{ color:#005bd7; font-weight:bolder;}

.sup_bo a{ color:#FFF; padding:1vw 0; display:block; float:left; margin-right:2.5vw;}
.sup_bo a:last-child{ margin-right:0;}
.sup_bo a:hover, .sup_bo a.cur{ color:#FFF;}



.sup_bt li .f20 .fln:last-child span{ display:none;}
.sup_bt li a.white:hover{ color:#FFF;}

.sup_bt table { width: 100%; border-collapse : collapse; background: #ffffff; font-weight: normal;}
.sup_bt table tr td{ border-bottom:1px #e6e4e5 solid; padding:20px;}
.sup_bt table tr td:nth-of-type(1){ border-right:1px #e6e4e5 solid; width:16%;}

.su_title span{ padding:1vw 2vw; color:#FFF;}

/*内页*/
.aboutl_fl{ width:59.4%;}
.aboutr_fr{ width:34.6%;}

/*总裁寄语*/
.zcjy_l{ width:44%;}
.zcjy_l .zcys dl{ width:auto; border-right:1px solid rgba(255,255,255,0.1);}
.zcjy_l .zcys dl:nth-of-type(1){ padding-right:8%;}
.zcjy_l .zcys dl:last-child{ border-right:0; padding-left:8%;}
.zcjy_l .zcys dl dt img{ max-height:3.2vw;}
.zcjy_r{ width:51.33%;}
/*专利认证*/
.zlrz_bo{ position:relative; z-index:1;}
.zlrz_top #owl-demo .item { width: 100%; display: block; overflow: hidden; position: relative; }
.zlrz_top #owl-demo .item dl{ width:59%; margin:0 auto;}
.zlrz_top #owl-demo .item dl dt{ position:relative;}
.zlrz_top #owl-demo .item dl dt i{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(../images/bg2.png) no-repeat center; background-size:100% 100%;}

.zlrz_top #owl-demo .item dl:hover dt img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.zlrz_top #owl-demo .item dl:hover dd a{ color:#015cd7;}
.zlrz_bo .zlrz_img{ width:100%; position:absolute; left:0; bottom:0; z-index:-1;}
.zlrz_top .owl-pagination{ display:none;}
.zlrz_top .owl-buttons div{ width:3.2vw; height:3.2vw; display:block; background:url(../images/more3.png) no-repeat; background-size:contain; position:absolute; top:35%; z-index:1;}
.zlrz_top .owl-buttons div:hover { background:url(../images/more1_ed.png) no-repeat; background-size:contain;}
.zlrz_top .owl-buttons div.owl-prev, .zlrz_top .owl-buttons div:hover.owl-prev{ left:0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.zlrz_top .owl-buttons div.owl-next{ right:0;}

/*发展历程*/
.fzlc_nr{ position:relative;}
.fzlc_nr #owl-demo .item { width: 100%; display: block; overflow: hidden;}
.fzlc_nr #owl-demo .item dl{ width:94%; margin:0 auto;}
.fzlc_nr #owl-demo .item dl dt{ position:relative;}
.fzlc_nr #owl-demo .item dl dt .f72{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; color:#FFF; opacity:0.7; line-height:0.8;}
.fzlc_nr #owl-demo .item dl dd{ color:#848484;}
.fzlc_nr #owl-demo .item dl:hover dt .f72{ color:#015cd7; opacity:1; text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff;}
.fzlc_nr #owl-demo .item dl:hover dt img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.fzlc_nr #owl-demo .item dl:hover dd{ color:#282828;}
.fzlc_nr .owl-pagination{ display:none;}
.fzlc_nr .owl-buttons div{ width:3.2vw; height:3.2vw; display:block; background:url(../images/more3.png) no-repeat; background-size:contain; position:absolute; top:0; z-index:1;}
.fzlc_nr .owl-buttons div:hover { background:url(../images/more1_ed.png) no-repeat; background-size:contain;}
.fzlc_nr .owl-buttons div.owl-prev, .fzlc_nr .owl-buttons div:hover.owl-prev{ right:11%;}
.fzlc_nr .owl-buttons div.owl-next{ right:15%; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.fzlc_nr .fzlc_top{ width:auto; position:absolute; left:11%; top:0;}

/*留言反馈*/
.lyfk{ box-shadow: 0 5px 15px 0px rgba(0, 64, 152, 0.1); position:relative;}
.lyfk_l{ width:46%;}
.lyfk_r{ width:54%; height:100%; position:absolute; right:0; top:0;}

/*合作*/
.hzhb dl dt{ border:1px #d2d2d2 solid;}

/*product-list*/

.product-list{ display: flex; flex-wrap: wrap; position: relative; max-width: 100%;}
.product-list dl{ display: flex; flex-wrap: wrap; flex-direction: row; background:#fff; border:1px #e5e5e5 solid; text-align:center; float: left;}
.product-list dl dt{ height:auto;}
.product-list dl dd{ background:#eeeeee;}
.product-list dl:hover{ box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.2);}
.product-list dl:hover dt img{ -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -ms-transform: scale(1.12); -o-transform: scale(1.12); transform: scale(1.12);}


/*PageBar*/
.PageBar { clear: both; width: 100%; overflow: hidden; text-align: center; margin: 0 auto; }
.PageButtons span, .PageButtons a { display: inline-block; border: 1px solid #ddd; padding: 15px; margin-left: 5px; overflow:hidden; }
.PageButtons span { color: #ffffff; background-color: #00429a; border: 1px solid #00429a; }
.PageButtons a:hover { background: #00429a; color: #FFF; }
.PageInfo { width: 100%; overflow: hidden; padding-top: 10px; }
.disabled { display: none; }


/*相关产品*/
.product-listny{ display: flex; flex-wrap: wrap; position: relative; max-width: 100%;}
.product-listny dl{ display: flex; flex-wrap: wrap; flex-direction: row; background:#005bd7; border:1px #ececec solid; text-align:center; float: left; margin: 0 0.5% 1vw 0.5%; position:relative; overflow:hidden;}
.product-listny dl dt{ height:auto;}
.product-listny dl dd{ width:100%; height:100%; position:absolute; left:0; bottom:-100%; z-index:2;}
.product-listny dl dd a{ width:100%; height:100%; color:#fff;}
.product-listny dl i{ width:100%; height:100%; display:block; position:absolute; left:0; bottom:-100%; background:#015cd7; opacity:0.5; z-index:1;}


.product-listny dl:hover dt img{ -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -ms-transform: scale(1.12); -o-transform: scale(1.12); transform: scale(1.12);}
.product-listny dl:hover dd{ bottom:0;}
.product-listny dl:hover i{ bottom:0;}
/*.相关新闻*/ 
.xgwz dl{ width:25%;}
.xgwz dl:nth-of-type(1){ float:left; border-right:1px #eeeeee solid; padding-right:2.25%;}
.xgwz dl:nth-of-type(2){ float:left; border-right:1px #eeeeee solid; padding-left:2.25%; padding-right:2.25%;}
.xgwz dl:nth-of-type(3){ float:left; border-right:1px #eeeeee solid; padding-left:2.25%; padding-right:2.25%;}
.xgwz dl:nth-of-type(4){ float:right; padding-left:2.25%;}
.xgwz dl:hover a{ color:#00429a;}




/*新闻列表*/
.arList { width: 100%; overflow: hidden; }
.arList li { width: 100%; overflow: hidden; padding: 30px; border: 1px solid #e2e2e2; background: #FFF; box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom: 20px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.arList li .newly_img { width: 16%; overflow: hidden; position: relative; float:left; }
.arList li .newly_img dt { width: 90%; overflow: hidden; padding-right: 10%; }
.arList li .newly_img dd { width: auto; overflow: hidden; background: #005bd7; color: #FFF; padding: 12px; position: absolute; right: 0; bottom: 0; }
.arList li .newly_txta { width: 65%; overflow: hidden; margin: 0 6% 0 3%; float:left; }
.arList li .moreny { width: 10%; overflow: hidden; background: #005bd7; color: #FFF; padding: 10px 0; text-align: center; float:right; }
.arList li .newly_time { width: 10%; overflow: hidden; background: #f5f5f5; padding: 20px 0; float:left; }
.arList li .newly_txtb { width: 71%; overflow: hidden; margin: 0 6% 0 3%; float:left; }
.arList li:hover { border: 1px solid #005bd7; }
.arList li:hover a.fb { color: #005bd7; }
/*新闻内页*/

.arKeywords { padding: 15px; overflow: hidden; background: #f7f7f7; margin-top: 20px; }
.arContent h2, .arContent h3, .arContent h4 { color: #005bd7; padding-left: 15px; display: block; position: relative; margin:5px 0; }
.arContent h2:after, .arContent h3:after, .arContent h4:after { content: ''; width: 7px; height: 100%; background: #005bd7; position: absolute; left: 0; top: 0; }

.arContent table { width: 100%; border-collapse : collapse; background: #ffffff; font-weight: normal;}
.arContent table tr td { width:50%; padding: 10px 5px; border:1px #ccc solid; }
.arContent table tr:nth-of-type(1){ background:#015cd7; color:#FFF;}
.arContent img { width: auto; display: block; margin: 5px auto; }
/*内容*/
photo { display: block; width: 33.33%; overflow: hidden; float: left; margin-top: 20px; }
photo span { width: 90%; overflow: hidden; display: block; margin: 0 auto; }
photo span img { width: 100%; }
photo p { width: 90%; overflow: hidden; display: block; margin: 0 auto; text-align: center; padding: 10px 0; height: 55px; line-height: normal; }
contenta, contentb, contentc { display: block; overflow: hidden; float: left; margin-top: 20px; line-height: 2; }
contenta p, contentb p, contentc p { width: 90%; overflow: hidden; display: block; margin: 0 auto; }
contenta img, contentb img, contentc img { width: 100%; }
.zs p { padding-left: 14px; position: relative; }
.zs p:after { content: ''; width: 6px; height: 6px; border-radius: 100%; background: #0085cb; position: absolute; left: 0; top: 2px; }
contenta { width: 50%; }
contentb { width: 33.33%; }
contentc { width: 25%; }
ewm { width: 40%; overflow: hidden; display: block; margin: 20px 5% 0 5%; float: left; }
ewm span { width: 35%; overflow: hidden; display: block; float: left; }
ewm div { width: 60%; overflow: hidden; display: block; float: right; }
/*FastMove*/
.FastMove { margin: 30px 0 0 0; overflow: hidden; border: 1px solid #e5e5e5; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; }
.FastMove:after { content: ''; width: 1px; height: 100%; background: #e5e5e5; position: absolute; left: 50%; top: 0; }
.FastMove div { width: 50%; padding: 20px 0; overflow: hidden; }
.FastMove div p { width: 94%; overflow: hidden; margin: 0 auto; display: block; }
.FastMove div:hover { background: #005bd7; color: #FFF; }
.FastMove div:hover a { color: #FFF; }

/*产品详情*/
.cpnr{ position:relative;}
.cpnr_r { width: 46%; overflow: hidden; }
.cpnr .zxrx{ width:46%; position:absolute; right:0; bottom:5%; }
.cpnr .zxrx dt{ width:30%; height:3.4vw; line-height:3.4vw; cursor:pointer;}
.cpnr .zxrx dt:hover{ background: #d0400a; color: #fff;}
.cpnr .zxrx dd{ width:48%; height:3.4vw; line-height:3.4vw; background:#696a6b;}








/*产品留言*/
.zxly .subform { width: 94%; overflow: hidden; margin: 0 auto; }
.zxly .subform .form-groupfl { width: 48%; overflow: hidden; }
.zxly .subform .form-groupfl .liebiao { width: 100%; height: 2.7vw; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom: 0.5vw; }
.zxly .subform .form-groupfl .liebiao label { width: 23.6%; height: 1.3vw; line-height: 1.3vw; border-right: 1px #999999 solid; text-align: center; float: left; margin-top: 0.7vw; }
.zxly .subform .form-groupfl .liebiao .forma { width: 71%; height: 2.7vw; line-height: 2.7vw; background: #fff; float: right; border: 0; }
.zxly .subform .form-groupfl .liuy { width: 100%; overflow: hidden; background: #fff; position: relative; margin-bottom: 0.5vw; }
.zxly .subform .form-groupfl .liuy label { width: 23.6%; overflow: hidden; border-right: 1px #999999 solid; position: absolute; left: 0; text-align: center; top: 0.7vw; z-index: 1; }
.zxly .subform .form-groupfl .liuy .form-controlv { width: 100%; height: 8.9vw; border: 0; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; text-indent: 26%; padding: 0.7vw 0; }
.zxly .subform .btn-info { width: 100%; height: 2.7vw; line-height: 2.7vw; border: 0; color: #FFF; text-align: center; }

/*在线留言*/

.subforn { width: 100%; overflow: hidden;}
.form-group { width: 100%; overflow: hidden; margin-bottom: 0.5vw; }
.form-group span { display: block; float: left; }
.form-group .control-div { width: 98%; overflow: hidden; float: left; background: #e7ebf0; position: relative; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.form-group .control-div label { width: 18%; height: 3vw; line-height: 3vw; float: left; text-indent: 1em; position: relative; }
.form-group .control-div label:after { content: ''; width: 1px; height: 1.3vw; background: #282828; position: absolute; right: 0; top: 0.7vw; opacity: 0.6; }
.form-group .control-div .form-control { width: 80%; height: 3vw; line-height: 3vw; background: #e7ebf0; border: 0; float: right; }
.form-group .control-div label.area { width: auto; overflow: hidden; position: absolute; left: 0.5vw; top: 0.5vw; z-index: 2; padding-right: 1vw; height: auto; line-height: normal; border-right: 1px #999999 solid; text-indent: 0; }
.form-group .control-div label.area:after { background: none; }
.form-group .control-div .form-controlv { width: 100%; height: 8.9vw; background: #e7ebf0; border: 0; padding: 0.5vw 0; text-indent: 20%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.form-group .btn-info { width: 30%; height: 3vw; line-height: 3vw; background: #005bd7; border: 0; color: #FFF; float: left; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
@media screen and (max-width: 1600px) and (min-width:0) {
/*header*/
.header .menu li a.xialaguang { padding:0 1.2vw;}

/******footer**********/
.fov{ margin-right:9%;}
.ewm{ width:9%;}
.dblx{ margin-right:13%;}

/*产品详情*/
.cpnr .zxrx dt{ width:32%;}
.cpnr .zxrx dd{ width:50%;}
/*发展历程*/
.fzlc_nr .fzlc_top{ left:7%;}
.fzlc_nr .owl-buttons div.owl-prev, .fzlc_nr .owl-buttons div:hover.owl-prev{ right:7%;}
.fzlc_nr .owl-buttons div.owl-next{ right:11%;}

}
@media screen and (max-width: 1300px) and (min-width:0) {
/*header*/
.header .menu li a.xialaguang { padding:0 0.8vw;}

/******footer**********/
.fov{ margin-right:8%;}
.ewm{ width:10%;}
.dblx{ margin-right:12%;}



/*产品详情*/
.cpnr .zxrx{ bottom:0; }
.cpnr .zxrx dt{ width:34%;}
.cpnr .zxrx dd{ width:52%;}
/*发展历程*/
.fzlc_nr .fzlc_top{ left:5%;}
.fzlc_nr .owl-buttons div.owl-prev, .fzlc_nr .owl-buttons div:hover.owl-prev{ right:5%;}
.fzlc_nr .owl-buttons div.owl-next{ right:9%;}

}
@media screen and (max-width: 1100px) and (min-width:0) {
/*header*/
.header .menu li a.xialaguang { padding:0 0.5vw;}

/******footer**********/
.ewm{ width:11%;}

/*产品详情*/
.cpnr .zxrx dt{ width:36%;}
.cpnr .zxrx dd{ width:54%;}
}

@media screen and (max-width: 1024px) and (min-width:0) {
.topby { width: 100%; height: 0.78rem; display: block; }
.sp_header { width: 100%; height: 0.78rem; position: fixed; top: 0px; left: 0px; z-index: 90; border-bottom: 1px solid rgba(255,255,255,0.1); color:#FFF;}
.sp_header a{ color:#FFF;}
.sp_header .sp_logo { width: auto; height: 0.78rem; padding: 0 0 0 5%; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.sp_header .sp_logo img { height: 0.58rem; }
.sp_header .sp_logo .logo1{ display:block;}
.sp_header .sp_logo .logo2{ display:none;}


.sp_header .sp_nav { width: 5%; position: relative; cursor: pointer; height: 0.3rem; margin-top: 0.24rem; z-index: 0; margin-right: 5%; }
.sp_header .sp_nav span { display: block; background: #FFF; width: 100%; height: 0.05rem; position: absolute; transition: all ease 0.35s }
.sp_header .sp_nav span:nth-of-type(1) { top: 0; left: 0; }
.sp_header .sp_nav span:nth-of-type(2) { top: 0.13rem; right: 0; }
.sp_header .sp_nav span:nth-of-type(3) { bottom: 0; left: 0; }
.sp_header .sp_nav_se span:nth-of-type(1) { top: 15px; transform: rotate(45deg) }
.sp_header .sp_nav_se span:nth-of-type(2) { width: 0; left: 0; right:inherit; }
.sp_header .sp_nav_se span:nth-of-type(3) { top: 15px; transform: rotate(-45deg) }
.sp_header .searcht{ width:auto; height:0.78rem;}
.sp_header .seawap { height: 0.78rem; line-height: 0.78rem; }
.sp_header .searchwap { display: none; position: absolute; right: 0; top: 0; z-index: 99; height: 100vh; width: 100%; background: rgba(54,55,56,0.80); transition: top ease 0.35s; }
.sp_header .searchwap .search_ny { width: 100%; height: 100vh; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.sp_header .searchwap .satr { width: 80%; overflow: hidden; margin: 0 auto 0 auto; position: relative; }
.sp_header .searchwap .satr em { width: auto; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 10; }
.sp_header .searchwap .satr em i { border: 1px solid #FFF; padding: 5px; font-weight: normal; cursor: pointer; color: #FFF; }
.sp_header .searchwap .satr .search_c { width: 100%; height: 0.6rem;}
.sp_header .searchwap .satr .search_c .sousuo1 { width: 70%; height: 0.6rem; line-height: 0.6rem; border: 0; background: #FFF; float: left; text-indent: 1em; }
.sp_header .searchwap .sousuo { width: 24.8%; height: 0.6rem; line-height: 0.6rem; border: 0; background: #005bd7; float: left; text-align: center; color: #FFF; }
.sjj_nav { position: fixed; z-index: 99999; background: rgba(0, 0, 0, .8); width: 100%; height: calc(100% - 0.78rem); line-height: 2.5; top: -100%; left: 0; overflow: auto; overflow-x: hidden; transition: top ease 0.35s; }
.nav_show { top: 0.78rem; }
.sjj_nav>ul>li:first-child { overflow: hidden; border-top: 0 }
.sjj_nav>ul>li:first-child>a { float: left; width: calc(100% - 70px) }
.sjj_nav ul li .sp_nav_xjb { position: absolute; top: 0; right: 0px; border-left: 1px rgba(255, 255, 255, .8) solid; padding: 0px 7px 0 7px; }
.sjj_nav ul li .sp_nav_xjb svg { transform: rotate(-90deg); transition: all ease 0.35s }
.sjj_nav ul li .sjj_nav_i_se svg { transform: rotate(0deg) }
.sjj_nav ul li { border-top: 1px rgba(255, 255, 255, .8) solid; margin: 0 20px; position: relative; }
.sjj_nav>ul >li:last-child { border-bottom: 1px rgba(255, 255, 255, .8) solid; }
.sjj_nav ul li ul { display: none }
.sjj_nav ul li a { color: #FFF; width: 90% }
.sjj_nav ul li ul li a { color: #efeded; display: block; text-align: left; }
.sjj_nav ul li .sp_nav_xjb svg { width: 20px; height: 20px; fill: #FFF; }
.sjj_nav ul li .sjj_nav_i_se svg { fill: #0085cb; }
.sjj_nav ul li ul li>ul { margin-left: 10px }

.sp_header.wlone{ background:#fff; color:#252525; border-bottom: 1px solid rgba(37,37,37,0.1); box-shadow: 0 5px 15px 0px rgba(0, 64, 152, 0.1);}
.sp_header.wlone a{ color:#005bd7;}
.sp_header.wlone .sp_nav span { background: #0085cb;}
.sp_header.wlone .sp_logo .logo1{ display:none;}
.sp_header.wlone .sp_logo .logo2{ display:block;}


/******footer**********/
.fo_logo{ width:29%; overflow:hidden; margin:0 auto;}
.copy_l{ margin-left:5%;}
.copy_r{ margin-right:5%;}
/*微信弹窗*/
#wxnr { width: 100%; height: 100%; position: fixed; top: 0; z-index: 1000; display: none; background: rgba(0,0,0,.6); }
#wxnr .nrdf { margin: auto; position: absolute; top: 50%; left: 0; right: 0; width: 5rem; height: 5rem; padding: 0.3rem; padding-top: 0.6rem; margin-top: -2.5rem; text-align: center; background-color: rgba(54,55,56,0.80); box-shadow: 0px 2px 6px #777; -webkit-box-shadow: 0px 2px 6px #777; -moz-box-shadow: 0px 2px 6px #777; border-radius: 10px; }
#wxnr img { width: 2.3rem; height: 2.3rem; display: block; margin: 0 auto; }
#wxnr p { line-height: 2; text-align: center; }
#wxnr i { position: absolute; top: 0.2rem; right: 0.2rem; width: 0.3rem; height: 0.3rem; font-size: 0.2rem; line-height: 0.3rem; text-align: center; color: #fff; font-weight: bold; font-style: normal; background: #333; border-radius: 1rem; cursor: pointer; }
#wxnr span { display: inline-block; padding: 0.03rem 0.1rem; line-height: 0.35rem; background-color: #005bd7; color: #fff; border-radius: 0.05rem; cursor: pointer; }
#wxnr span.wx { padding-left: 0.4rem; }
/*复制提示*/
#weixin { position: fixed; top: 50%; margin-top: -0.4rem; z-index: 9999999; color: #fff; width: 90%; right: 5%; line-height: 0.8rem; text-align: center; background: rgba(0, 0, 0, 0.8); border: 2px solid #333; border-radius: 0.1rem; display: none; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }



/******common**********/

.sup_bt table tr td:nth-of-type(1){ width:auto; width:inherit;}

.su_title span{ padding:0.2rem 0.4rem; color:#FFF;}

/*cateList*/
.cateList { width: 100%; text-align: center; background: #f4f4f4; position: relative; display: block;}
.cateList .goBack { width: auto; height: 0.8rem; line-height: 0.8rem; position: absolute; left: 5%; top: 0; z-index: 10; font-size: 0.38rem; color: #002ea6; }
.cateList .goBack:before { width: auto; height: 0.8rem; display: block; }
.cateList h3 { width: 100%; position: relative; font-size: 0.35rem; line-height: 0.8rem; height: 0.8rem; }
.cateList h3 span { position: absolute; top: 0; right: 5%; width: auto; height: 0.8rem; line-height: 0.8rem; font-size: 0.4rem; color: #002ea6; }
.cateList .box { width: 95%; padding: 0.2rem 0; z-index: 1100; background: #f9f9f9; display: none; margin: 0 auto; }
.cateList .box a { padding: 0.1rem 5%; line-height: 0.34rem; text-align: left; font-size: 0.22rem; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 1px #CCC solid; }
.cateList .box a:last-child { border-bottom: none; }
/*产品分类*/
.sideup { display: none; width: 90%; margin: 0 auto; padding-bottom: 0.2rem; }
.sideup li { text-align: left; border-top: 1px #002ea6 dashed; padding: 0.15rem 0; }
.tun { width: 0.25rem; height: 0.25rem; display: block; float: right; margin-top: 0; color: #002ea6; }
.sidedown { padding: 0.2rem; display: none; }
.sidedown li { font-size: 0.22rem; border-bottom: none; }
.sidedowna { background: #f3f3f3; padding: 0 0.12rem; display: none; }

/*内页*/
.aboutl_fl{ width:100%;}
.aboutr_fr{ width:100%; padding-top:0.25rem;}

/*总裁寄语*/
.zcjy_l{ width:100%;}
.zcjy_l .zcys{ position:relative;}
.zcjy_l .zcys:after { content: ''; width: 1px; height: 100%; background: rgba(255,255,255,0.1); position: absolute; left: 50%; top: 0.7rem;}
.zcjy_l .zcys dl:nth-of-type(1){ padding-right:0; border-right:0;}
.zcjy_l .zcys dl:last-child{ padding-left:0;}
.zcjy_l .zcys dl:last-child.fln{ float:right;}

.zcjy_l .zcys dl dt img{ max-height:0.64rem;}
.zcjy_r{ width:100%; padding-top:0.25rem;}
/*专利认证*/

.zlrz_bo.pb70{ padding-bottom:0;}
.zlrz_top{ background:url(../images/bg1.png) no-repeat center bottom;}
.zlrz_top #owl-demo .item dl{ width:70%;}
.zlrz_top .owl-buttons div{ width:0.64rem; height:0.64rem; top:35%;}


/*发展历程*/

.fzlc_nr #owl-demo .item dl{ width:100%;}

.fzlc_nr .owl-buttons div{ width:0.64rem; height:0.64rem;}
.fzlc_nr .owl-buttons div.owl-prev, .fzlc_nr .owl-buttons div:hover.owl-prev{ right:3%;}
.fzlc_nr .owl-buttons div.owl-next{ right:15%;}
.fzlc_nr .fzlc_top{ left:3%;}


/*留言反馈*/
.lyfk{ box-shadow: 0 5px 15px 0px rgba(0, 64, 152, 0.1); position:relative;}
.lyfk_l{ width:100%;}
.lyfk_r{ width:100%; height:auto; position:inherit; right:inherit; top:inherit; padding:0.25rem 0;}


/*.xgwz*/ 
.xgwz dl{ width:100%; border-bottom:1px #eeeeee solid; padding:0.25rem 0;}
.xgwz dl:nth-of-type(1){ float:none; border-right:none; padding-right:0;}
.xgwz dl:nth-of-type(2){ float:none; border-right:none; padding-left:0; padding-right:0;}
.xgwz dl:nth-of-type(3){ float:none; border-right:none; padding-left:0; padding-right:0;}
.xgwz dl:nth-of-type(4){ float:none; padding-left:0;}


/*相关产品*/

.product-listny dl{ background:#FFF; float: none; margin: 0 0 0.2rem 0;}
.product-listny dl dd{ width:100%; height:0.55rem; line-height:0.55rem; background:none; position:inherit; left:inherit; bottom:inherit; z-index:inherit;}
.product-listny dl dd a{ color:#252525}
.product-listny dl:hover dd{ bottom:inherit;}


/*内页*/
.cpnb, .cpnc, .cpnd, .cpne{ width: 100%;}
.product-list dl{ float: none; margin: 0.2rem 0 0 0;}
/*PageBar*/
.PageBar { width: 90%; margin: 0.2rem auto 0 auto; }
.PageButtons span, .PageButtons a { padding:0.2rem;}
.PageInfo { padding-top: 0.1rem; }
/*新闻列表*/
.arList .fl{ float:left;}


.arList li { padding: 0.2rem; margin-bottom: 0.2rem; display:inline-block;}
.arList li .newly_img { width: 100%; float:none; }
.arList li .newly_img dt { width: 100%; padding-right: 0; }
.arList li .newly_img dd { padding: 0.15rem; }
.arList li .newly_txta { width: 100%; margin: 0.15rem 0 0 0; float:none; }
.arList li .moreny { width: 40%; padding: 0.15rem 0; margin-top:0.25rem;}
.arList li .newly_time { display:none;}
.arList li .newly_txtb { width: 100%; margin: 0 0 0 0; float:none; }
/*产品详情*/
.cpnr_r { width: 100%;}
.cpnr .zxrx{ width:100%; position:inherit; right:inherit; bottom:inherit; margin:0.25rem 0 0 0; padding-bottom:0.3rem; overflow:hidden;}
.cpnr .zxrx dt{ width:30%; height:0.68rem; line-height:0.68rem;}
.cpnr .zxrx dt.mr50{ margin-right:0;}
.cpnr .zxrx dd{ width:70%; height:0.68rem; line-height:0.68rem;}
.cpnr .zxrx dd.fln{ float:right;}



.arContent table tr td { padding: 0.1rem 5px; font-size: 0.18rem; }
.arContent img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
/*FastMove*/
.FastMove { margin: 0.3rem 0 0 0; display: inherit; background: none; }
.FastMove:after { width: 0; height: 0; }
.FastMove div { width: 100%; padding: 0.2rem 0; }
.FastMove div.fl { border-bottom: 1px solid #e5e5e5; }
/*产品留言*/

.zxly .subform .form-groupfl { width: 100%;}
.zxly .subform .form-groupfl .liebiao { height:auto; margin-bottom: 0.2rem; background:none;}
.zxly .subform .form-groupfl .liebiao label { width: 100%; height:auto; line-height:normal; border-right:none; text-align: left; float: none; margin-top: 0.7vw; }
.zxly .subform .form-groupfl .liebiao .forma { width: 100%; height: 0.54rem; line-height: 0.54rem; float: none;}
.zxly .subform .form-groupfl .liuy { margin-bottom: 0.2rem; background:none;}
.zxly .subform .form-groupfl .liuy label { width: 100%; border-right: none; position:inherit; left: inherit; text-align: left; top: inherit; z-index:inherit; }
.zxly .subform .form-groupfl .liuy .form-controlv { height: 1.7rem; text-indent: 0.5em; padding: 0.1rem 0; }
.zxly .subform .btn-info { height: 0.54rem; line-height: 0.54rem;}
/*在线留言*/
.fla { width: 100%; float: none; }
.subforn { width: 100%; float: none; padding-top: 0.25rem; }
.form-group { margin-bottom: 0.1rem; }
.form-group .control-div label { width: 22%; height: 0.6rem; line-height: 0.6rem; text-align: center; text-indent: 0; }
.form-group .control-div label:after { height: 0.2rem; top: 0.2rem; }
.form-group .control-div .form-control { width: 74%; height: 0.6rem; line-height: 0.6rem; }
.form-group .control-div label.area { left: 0.1rem; top: 0.1rem; padding-right: 0.2rem; }
.form-group .control-div .form-controlv { height: 1.8rem; padding: 0.15rem 0; text-indent: 26%; }
.form-group .btn-info { height: 0.6rem; line-height: 0.6rem; }

}
